.template {
  display: flex;
  flex-direction: column;
}
.template .primary-school {
  display: flex;
  flex-direction: column;
  margin-top: 15px;
  width: 1180px;
  margin-left: 15px;
}
.template .primary-school .heading {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  padding-bottom: 10px;
  border-bottom: 3px solid transparent;
  border-image: linear-gradient(90deg, #4636ff 0%, #cb70ff 38.43%, #30e0ff 68.99%, #4c95fc 100%);
  border-image-slice: 1;
}
.template .primary-school .heading .head {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 120.39px;
  height: 27px;
  font-size: 18px;
  font-weight: 400;
  color: #5784ff;
  margin-right: 80px;
  text-decoration: none;
}
.template .primary-school .heading .head-active {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 120.39px;
  height: 27px;
  font-size: 18px;
  font-weight: 400;
  color: #5784ff;
  margin-right: 80px;
  text-decoration: underline 2px solid #5784ff;
}
.template .primary-school .search-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 630px;
  height: 150px;
  margin-left: 250px;
}
.template .primary-school .search-bar .icon {
  width: 630px;
  height: 70px;
  background: url('@/assets/design-template/design-icon.png');
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 10px;
}
.template .primary-school .search-bar .search-func {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 655.53px;
  height: 35px;
}
.template .primary-school .search-bar .search-func .search {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 30px;
  width: 599px;
  height: 35px;
  border: 3px solid transparent;
  border-radius: 85px;
  background: linear-gradient(white, white) padding-box, linear-gradient(90deg, #4636ff 0%, #cb70ff 38.43%, #30e0ff 68.99%, #4c95fc 100%);
}
.template .primary-school .search-bar .search-func .search .search-input {
  margin-left: 10px;
  outline: none;
  border: none;
  width: 500px;
}
.template .primary-school .search-bar .search-func .search-icon {
  width: 37.53px;
  height: 37.53px;
  background: url('@/assets/design-template/search-icon.png');
  background-size: cover;
}
